<?php
/**
 * @copyright  For copyright and license information, read the COPYING.txt file.
 * @link       /COPYING.txt
 * @license    Academic Free License (AFL 3.0)
 * @package     default_default
 */

/**
 * Install localization template
 *
 * @see Mage_Install_Block_Locale
 * @var Mage_Install_Block_Locale $this 
 */
?>
<div class="page-head">
    <h3><?php echo $this->__('Localization') ?></h3>
</div>
<?php echo $this->getMessagesBlock()->toHtml() ?>

<form action="<?php echo $this->getPostUrl() ?>" method="get" id="form-validate">
<fieldset class="group-select">
 <legend><?php echo $this->__('Locale') ?></legend>
    <h4 class="legend"><?php echo $this->__('Locale settings') ?></h4>
    <ul>
        <li>
            <div class="input-box">
                <label for="locale"><?php echo $this->__('Locale') ?> <span class="required">*</span></label><br/>
                <?php echo $this->getLocaleSelect() ?>
            </div>
        </li>
        <li>
            <div class="input-box">
                <label for="timezone"><?php echo $this->__('Time Zone') ?> <span class="required">*</span></label><br/>
                <?php echo $this->getTimezoneSelect() ?>
            </div>
            <div class="input-box">
                <label for="currency"><?php echo $this->__('Default Currency') ?> <span class="required">*</span></label><br/>
                <?php echo $this->getCurrencySelect() ?>
            </div>
        </li>
    </ul>
</fieldset>
<div class="button-set">
    <p class="required">* <?php echo $this->__('Required Fields') ?></p>
    <button class="form-button" type="submit"><span><?php echo $this->__('Continue') ?></span></button>
</div>
</form>
<script type="text/javascript">
    function changeLocale(event){
        var elem = Event.element(event);
        if(elem){
            setLocation('<?php echo $this->getChangeUrl() ?>locale/'+elem.value+'/?timezone='+$('timezone').value+'&amp;currency='+$('currency').value);
        }
    }
    var dataForm = new VarienForm('form-validate');
    if($('locale')){
        Event.observe($('locale'), 'change', changeLocale);
    }
</script>
